﻿<!DOCTYPE html>
<style>
body {
    margin: 0px;
}
#first {
    height:100px;
}
#next {
    position:absolute;
}
</style>
<script src="../../../resources/check-layout.js"></script>
<div id="container">
    <div id="first">a</div>
    <div id="next" data-total-y=0>crbug.com/501353: Tests positioned movement layout when margins change.</div>
</div>
<div id="test-output"></div>
<script>
    document.body.offsetTop;
    first = document.getElementById("first");
    first.style['margin-top'] = '-100px';
    window.checkLayout("#next", document.getElementById("test-output"));
</script>
